<template>
    <div class="scansuccess">
        <div class="scan-result text-center">
            <p class="scan-result-name">商品名称</p>
            <p class="scan-result-no font-26 light-grey">编号：145895689556</p>
            <p class="scan-result-number font-42">10000</p>
            <p class="light-grey font-26">数量</p>
            <div class="single-bottom-btn yellow-border">
                扫描二维码
            </div>
            <div class="single-bottom-btn yellow">
                提交到订单
            </div>
        </div>
        <div class="content">
            <p class="font-30">这里是商品详情</p>
            <p class="font-30">这里是商品详情</p>
        </div>
    </div>
</template>

<script>
  export default {
    name: 'scanSuccess',
    data() {
      return {}
    },
    computed: {},
    methods: {},
    mounted(){
    },
    components: {}
  }
</script>>
<style lang="less" scoped>
    @import "../../css/common";
    .scan-result{
        background-color: #fff;
        padding: 40px 0 32px 0;
        .scan-result-name{
            font-size: 52px;
            line-height:1.2;
        }
        .scan-result-no{
            margin-top:16px;
            margin-bottom:40px;
            line-height:1;
        }
        .scan-result-number{
            margin-bottom: 12px;
            line-height:1;
        }
        .single-bottom-btn.yellow-border{
            margin-bottom:24px;
            margin-top: 60px;
        }
    }
    .content{
        margin-top:20px;
        background: #fff;
        padding: 0 32px;
        .font-30{
            padding: 32px 0;
            border-bottom: 2px solid #f5f5f5;
        }
    }
</style>